<template>
  <div></div>
</template>
<script lang="ts" setup>
// import { inject, computed, watch, ref, onMounted } from 'vue';
// import { getStaticFile } from '@sutpc/axios';
// import { useUserStore } from '@/store/user';
// import { getFileByStatic} from '@/utils/index';
// import { getTiannetApi } from '@/utils/api'

defineOptions({
  name: 'AcLayer',
  
});
// const { mapInstance, AC_NAME, useEmitt: acUseEmitt }: any = inject('main');

// const userStore = useUserStore()
// // 创建坪山区域polygon图形
// const getPingshan = async () => {
//   mapInstance.value.acApi.polygon.clear();
//   await getStaticFile('[publicPath]static/jsons/geojson.json').then((jsonData) => {
//     const coordinates = jsonData.features[0].geometry.coordinates[0]
//     let psPolygon = {
//       id: 'pingshan',
//       groupId: 'pingshanGroup',
//       coordinates,
//       coordinateType: 1, //坐标系类型，取值范围：0为Projection类型，1为WGS84类型，2为火星坐标系(GCJ02)，3为百度坐标系(BD09)，默认值：0
//       range: [1, 100000], //可视范围：[近裁距离, 远裁距离]，取值范围: [任意负值, 任意正值]
//       color: [0.13, 0.65, 0.73, 0.8], //多边形的填充颜色
//       frameColor: '#ffffff', //边框颜色
//       frameThickness: 50, //边框厚度
//       intensity: 100, //亮度
//       style: PolygonStyle.SingleColor, //单色 请参照API开发文档选取枚举
//       depthTest: false //是否做深度检测 开启后会被地形高度遮挡
//     }
//     let pArr = [];
//     pArr.push(psPolygon);
//     mapInstance.value.acApi.polygon.add(pArr, () => {
//       console.log('创建坪山行政区域')
//     })
//     mapInstance.value.acApi.polygon.focus('pingshan', 10000);
//     userStore.isShowMenu(false)
//   })
// }
// // 删除坪山区域polygon
// const deletePsPolygon = async () => {
//   await mapInstance.value.acApi.polygon.delete('pingshan', () => {
//     console.log('删除坪山区域')
//   })
// }

// // 设置定时器监听
// // 点击坪山区域后的回调
// acUseEmitt("AIRCITY_EVENT", async (e) => {
//   console.log(e)
//   if (e.UserData) {
//     const userData = JSON.parse(e.UserData)
//     // 点击雷达图标获取雷达感知
//     if (userData.typeId === 103) {
//       mapInstance.value.acApi.radiationPoint.add({
//         id: e.Id,
//         groupId: e.GroupID,
//         coordinate: [e.MouseClickPoint[0], e.MouseClickPoint[1], 40],
//         radius: 10,
//         rippleNumber: 2,
//         color: '#FFFEEE',
//         intensity: 0.5,
//         autoHeight: true
//       })
//     }
//     // 获取通行方向车道
//     if (userData.typeId === 101) {
//       mapInstance.value.acApi.polygon.add({
//         id: e.Id,
//         groupId: e.GroupID,
//         userData,
//         depthTest: false,
//         color: '#13C6E6',
//         coordinates: [[114.30767000315753,22.675083394082645, 60],[114.30748223681546,22.67554362999737, 60], [114.3073274564024,22.675494922012426, 60], [114.30755217141629,22.675034619334145, 60], ],
//         coordinateType: 1,
//         style: 5
//       })
//     }
//   }
//   // 获取雷达感知
//   if (e.GroupID === 'pingshanGroup') {
//     deletePsPolygon()
//     // 调试时点击地图获取点位
//     mapInstance.value.acApi.camera.get((r) => {
//       var str = `Camera: ${r.x}, ${r.y}, ${r.z}, ${r.pitch}, ${r.yaw}`;
//      //或者这样调用
//     //  var str = `Camera: ${r.camera.join(',')}`;
//     //  console.log(str);
//     })
//     // 定位指定路口，同时显示顶部路口设备模块
//     mapInstance.value.acApi.camera.set(531636.8475, 2508556.124375, 174.407129, -83.974602, -114.262474, () => {
//       userStore.isShowMenu(true)
//       console.log('定位到碧沙路')
//       topicVehicle()
//       equAdd()
//     })
//     // mapInstance.value.acApi.marker.focus('test', 100)
//   }
// })
// // 创建设备图标
// const equAdd = () => {
//   // 调用路口路测设备接口
//   getTiannetApi().then((jsonData) => {
//     userStore.setEquList(jsonData)
//     userStore.setEquId(jsonData[0].typeId)
//     mapInstance.value.acApi.marker.add(createMarkerData(userStore.equList[0].childs), () => {
//       console.log('创建路口设备')
//     })
//   })
// }
// // 清除雷达感知
// const clearPerception = async () => {
//   await mapInstance.value.acApi.radiationPoint.clear(() => {
//     console.log('清除雷达感知')
//   })
// }
// // 根据设备id定义创建marker时的数据
// const createMarkerData = (data) => {
//   const arr = []
//   data.map((item) => {
//     let obj = {
//       id: item.id,
//       groupId: `${item.id}`,
//       userData: JSON.stringify(item),
//       coordinateType: 1,
//       coordinate: [item.lat, item.lon, 40],
//       anchors: [15, 55],
//       imageSize: [30, 55],
//       fixedSize: false,
//       imagePath: '',
//       displayMode: 2
//     }
//     if (item.typeId === 101) {
//       obj.imagePath = getFileByStatic('images/icon_xinhaodeng.png')
//     }
//     if (item.typeId === 102) {
//       obj.imagePath = getFileByStatic('images/icon_shexiangji.png')
//     }
//     if (item.typeId === 103) {
//       obj.imagePath = getFileByStatic('images/icon_leida.png')
//     }
//     if (item.typeId === 104) {
//       obj.imagePath = getFileByStatic('images/icon_rsu.png')
//     }
//     if (item.typeId === 105) {
//       obj.imagePath = getFileByStatic('images/icon_mec.png')
//     }
//     arr.push(obj)
//   })
//   return arr
// }
// // 更新设备点位 用于切换对应设备点位位置、icon、数据
// const equUpdate = (data) => {
//   mapInstance.value.acApi.marker.clear()
//   mapInstance.value.acApi.marker.add(createMarkerData(data.childs))
// }



// const vehicleData = computed(() => {
//   return userStore.vehicleData
// })
// // 声明删除
// let delArr = []
// // 声明所有创建的车辆
// const allVehicle = ref([])
// // 监听车辆数据变化，如果没有创建新车辆，如果有了更新车辆数据
// watch(vehicleData, async (newVal) => {
//   if (newVal) {
//     // 如果有新增车辆
//     if (newVal.add.length !== 0) {
//       await mapInstance.value.acApi.vehicle.add(newVal.add, (e) => {
//         // 创建车辆成功后，如果allVehicle里没有创建的车辆，就把创建的车辆保存到allVehicle里
//         newVal.add.forEach(item => {
//           if (!allVehicle.value.includes(item.id)) {
//             allVehicle.value.push(item.id)
//           }
//         })
//       })
//     }
//     // 如果传入车辆移动点位
//     if (newVal.moveTo.length !== 0) {
//       await mapInstance.value.acApi.vehicle.moveTo(newVal.moveTo, (e) => {
//         let moveToIds = newVal.moveTo.map(item => item.id)
//         for (let i = allVehicle.value.length - 1; i >= 0; i--) {
//           if (!moveToIds.includes(allVehicle.value[i])) {
//             delArr.push(allVehicle.value[i])
//             allVehicle.value.splice(i, 1)
//           }
//         }
//         mapInstance.value.acApi.vehicle.delete(delArr, () => {
//           delArr = []
//         })
//       })
//     }
//   }
// })
// // 清空场景中所有Vehicle对象
// const clearVehicle = async () => {
//   await mapInstance.value.acApi.vehicle.clear(() => {
//     userStore.closeMqttClient()
//   })
// }
// // 订阅路口车流数据
// const topicVehicle = () => {
//   userStore.initMqttVehicle('ROAD-035')
// }
// // 删除设备点位
// const equDelete = async () => {
//   await mapInstance.value.acApi.marker.clear()
//   getPingshan()
// }

// // onMounted(() => {
// //   getPingshan()
// // })

// defineExpose({
//   getPingshan,
//   clearVehicle,
//   equDelete,
//   equUpdate,
//   clearPerception
// })
</script>
<style lang="less" scoped></style> 